/*made by Brislin  Time:2011-07-26 */
/*-------------------------------------以下是全局---------------------------------------------------*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 16px;
    font-family: 微软雅黑,宋体,Arial, sans-serif;
    color: #656565;
	background:url(../images/mainby.jpg) repeat-x;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #262626; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;}
a.red { color: #FF0000; text-decoration: none; font-size:12px; }
a.red:hover { text-decoration: underline; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 946px;}

h2 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 23px; line-height: 23px;}
h3 {font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 18px; color: #262626;}

/*外部包裹*/
#outer{ width:960px; height:auto; margin-left:auto; margin-right:auto;}
/*头部样式*/
#header{width:960px; padding-top:45px;height:auto;}
#header .header-top{width:960px; height:40px; padding-bottom:6px;}
#header .header-top h1#logo{float:left;}
#header .header-top h1#logo a {background: url(../images/logo.jpg) no-repeat 0 0; display: block; width: 148px; height: 39px;}
#header .header-top .login{float:right; padding-top:22px; color:#7c7a7b;}
#header .header-top .login a,#header .login a:visited{ font-size:14px; color:#7c7a7b; text-decoration:none;}
#header .header-top .login a:hover{text-decoration:underline;}
#header .header-top .login span{padding-left:10px; padding-right:10px;}
/*头部菜单样式*/
#header .menu{width:960px; height:29px; background:url(../images/menuby.jpg) repeat-x; position:relative;}
#header .menu ul{margin:0; padding:0; list-style:none;}
#header .menu ul li{ float:left; padding:0 15px 0 15px; line-height:29px;}
#header .menu ul li a,#header .menu ul li a:visited{ font-size:12px; color:#fff;}
#header .menu ul li a:hover{ color:#F90; text-decoration:none;}
#header #searchbar{ position:absolute; left:780px; top:5px; width:168px; height:20px; background:url(../images/searchby.jpg) no-repeat;}
#header #searchbar input.searchtext{ float:left; padding-left:4px;width:144px; height:20px; line-height:20px; background:none; font-size:12px; color:#fff; border:none;}
#header #searchbar input.button{ display:inline; float:right;width:20px; height:20px; background:none;border:none; cursor:pointer;}
/*Banner*/
.banner{width:960px; height:407px;position:relative;}
.banner .lineby{width:960px; height:30px; background:url(../images/protitleby.jpg) repeat-x; position:absolute; left:0; top:378px;filter:alpha(opacity=70);/*IE*/opacity:0.7;/*Mozilla*/ z-index:1; }
.banner .banner-text{width:960px; height:30px; position:absolute; left:0; top:378px; z-index:99; }
.banner .banner-text span.tel400{font-size:12px; color:#c47e5a; float:right; font-weight:bold; line-height:30px; margin-right:30px;}
.banner_tab {
	height:43px;
	position:absolute;
	right: 5px;
	bottom:40px;
}
.banner_tab ul {
	cursor:pointer;
}
.banner_tab li {
	float: left;
	list-style-type: none;
	text-align: center;
}
.banner_tab a {
	width:80px;
	height:43px;
	display:block;
	margin-right:2px;
}
.banner_tab img {
	border:1px solid #ededed;
}
.hidecontent {
	display:none;
}
.on {
	background-position:0px -100px;
}
.on img {
	border:1px solid #ccc;
}
.clear {
	clear:both;
}
.tab_img {
	width:72px;
	height:35px;
	margin-top:3px;
	border:1px solid #fff;
}
a.k:link, a.k:visited {
	color:#228ada;
	text-decoration:none;
}
a.k:active, a.k:hover {
	color:#000;
	text-decoration:underline;
}
/*slogin*/
#slogin{width:960px; height:23px; font-size:14px; color:#7f7d7e; font-size:12px; line-height:23px;}
/*image links*/
#imagelinks{width:960px; height:158px;}
#imagelinks .r8px{margin-right:9px;}
#footer { padding-top: 15px; text-align:center; padding-bottom: 50px; clear:both;}
#footer ul {list-style-type: none; float: left; padding-left: 19px; background: transparent;}
#footer ul li {display: inline; float: left; padding-right: 9px;}
#footer ul li a {text-decoration: underline; color: #6e6e6e; font-size: 10px;}
#footer ul li a:hover {text-decoration: none;}
#footer p.copy {float: right; font-size: 10px; color: #6e6e6e; padding-right: 10px;}
/*------------------------------产品首页-------------------------------------------------------*/
#product-container{width:960px; height:auto;}
/*---产品头部---*/
#product-container .prohead{width:960px; height:140px; overflow:hidden;}
#product-container .prohead .prohead-left{float:left; width:237px; height:140px;}
#product-container .prohead .prohead-left ul{margin:0; padding:0; list-style:none;}
#product-container .prohead .prohead-left ul li{width:222px; height:24px; background:#dee3e6; border-top:1px solid #ebecee; border-bottom:1px solid #ebecee; padding-left:15px; margin-bottom:2px;}
#product-container .prohead .prohead-left ul li a,#product-container .prohead .prohead-left ul li a:visited{font-size:13px;color:#333; line-height:24px;text-decoration:none; font-weight:bold;}
#product-container .prohead .prohead-left ul li a:hover{ text-decoration:underline;}
#product-container .prohead .prohead-right{float:right; width:715px; height:140px;}
/*---产品盒子--*/
#product-container .proinfobox{width:960px; height:auto; overflow:hidden; clear:both;}
#product-container .proinfobox .boxtitle{width:960px; height:30px; background:url(../images/protitleby.jpg) repeat-x; line-height:31px;}
#product-container .proinfobox .boxtitle span.title{ font-size:13px; color:#b2333c; line-height:31px; padding-left:10px; font-weight:bold;}
/*---热门产品---*/
#product-container .proinfobox .hot-product{ margin:0; padding:0; list-style:none;}
#product-container .proinfobox .hot-product li{float:left; width:310px; height:167px; padding-left:10px;position:relative; }
#product-container .proinfobox .hot-product li .infobox{ width:154px; height:auto; position:absolute; left:133px; top:32px;}
#product-container .proinfobox .hot-product li .more{ width:72px; height:21px; position:absolute; left:210px; top:120px;}
#product-container .proinfobox .hot-product li .infobox h2 a,#product-container .proinfobox .hot-product li .infobox h2 a:visited{ font-size:13px; color:#b2333c; font-weight:bold; text-decoration:none;}
#product-container .proinfobox .hot-product li .infobox h2 a:visited{ text-decoration:none;}
#product-container .proinfobox .hot-product li .infobox span{font-size:12px; color:#666; line-height:1.2;}
/*---产品解决方案---*/
#product-container .proinfobox .solution-product{ margin:0; padding:0; list-style:none;}
#product-container .proinfobox .solution-product li{float:left; width:475px; height:130px; position:relative; margin-top:10px; margin-bottom:10px;background:#ecedef; margin-right:5px; overflow:hidden;}
#product-container .proinfobox .solution-product li .infobox{ width:300px; height:auto; position:absolute; left:150px; top:24px;}
#product-container .proinfobox .solution-product li .more{ width:60px; height:21px; position:absolute; left:400px; top:110px;}
#product-container .proinfobox .solution-product li .infobox h2 a,#product-container .proinfobox .hot-product li .infobox h2 a:visited{ font-size:13px; color:#b2333c; font-weight:bold; text-decoration:none;}
#product-container .proinfobox .solution-product li .infobox h2 a:visited{ text-decoration:none;}
#product-container .proinfobox .solution-product li .infobox span{font-size:12px; color:#666; line-height:1.2;}
/*---产品列表---*/
#product-container .proinfobox .list-product{ margin:0; padding:0; list-style:none; }
#product-container .proinfobox .list-product li{float:left; width:190px; height:155px; padding-left:10px; margin-top:10px; margin-right:40px;}
#product-container .proinfobox .list-product li .infobox{ width:190px; height:auto; }
#product-container .proinfobox .list-product li .infobox h2 a,#product-container .proinfobox .hot-product li .infobox h2 a:visited{ font-size:13px; color:#b2333c; font-weight:bold; text-decoration:none;}
#product-container .proinfobox .list-product li .infobox h2 a:visited{ text-decoration:none;}
#product-container .proinfobox .list-product li .infobox span{font-size:12px; color:#666; line-height:1.2;}
#tabfirst{
	position:absolute;
	left:120px;
	top:0;
	margin:0;
	padding:0;
	list-style-type:none;
	width: 625px;
}
#tabfirst li{float:left; padding-left:20px; padding-right:20px;line-height:31px; text-align:center; font-size:13px; cursor:pointer; border-right:1px solid #fff;}
.tabin{ font-weight:bold;}
.tabnon{display:none;}
.tabon{display:block;}
/*---产品分类页面---*/
#productclass{ width:960px; height:auto; padding-top:20px;}
#productclass ul{margin:0; height:0; list-style:none;}
#productclass ul li{ padding-right:25px;height:30px; padding-top:10px; padding-left:16px; font-size:14px; color:#666; float:left; padding-bottom:10px;}
#productclass ul li:hover{ background:url(../images/redarr.gif) no-repeat left center;}
#productclass ul li a,#productclass ul li a:visited,#productclass ul li a:hover{text-decoration:none;}
#productclass ul li span.classname{ font-size:26px; color:#ed3f35; display:inline-block; padding-right:6px;}

#productclasstwo{ width:960px; height:auto; padding-top:20px;}
#productclasstwo ul{margin:0; height:0; list-style:none;}
#productclasstwo ul li{ padding-right:25px;height:auto; padding-top:10px; padding-left:16px; font-size:14px; color:#666; float:left; padding-bottom:10px; }
#productclasstwo ul li a,#productclasstwo ul li a:visited{text-decoration:none; line-height:26px;}
#productclasstwo ul li a:hover{text-decoration:underline;}
#productclasstwo ul li span.classname{ font-size:26px; color:#ed3f35; display:inline-block; padding-right:6px; padding-bottom:10px;}
/*----产品详情----*/
#product-info{width:958px; height:auto; background:url(../images/productinfoby.gif) #fff repeat-x; border:1px solid #d6dee5; overflow:hidden;padding-bottom:60px; position:relative; }
#product-info .more{position:absolute;left:120px; top:317px;}
#product-info .imgbox{ width:405px; height:auto; float:left; text-align:center; padding-top:30px; }
#product-info .productinfo{width:523px; height:auto; float:right; color:#000; padding-top:60px; }
#product-info .productinfo h1{font-size:24px; line-height:1.6;}
#product-info .productinfo .productinfobox{ font-size:14px; line-height:2;}

/*-------------------------------------------招募页面-------------------------------------------*/
#zm-banner{ width:960px; height:250px;}
#zm-lineby{width:960px; height:31px; background:url(../images/zmlineby.jpg) repeat-x;}
#zm-container{width:960px; height:auto;}
#zm-container-left{ float:left; width:670px; height:auto; overflow:hidden;}
#zm-container-left .zm-info{width:670px; height:110px; position:relative; padding-top:10px; padding-bottom:10px;}
#zm-container-left .zm-info h2{ font-size:18px; color:#b01f26; }
#zm-container-left .zm-info p{line-height:1.8; font-size:12px; color:#666;}
#zm-container-left .zm-info ul{margin:0; padding:0; list-style:none;}
#zm-container-left .zm-info ul li{float:left; background:url(../images/zmsqu.jpg) no-repeat left 2px; padding-left:12px; margin-right:20px;}
#zm-container-left .zm-info img{float:left; padding-right:10px;}
#zm-container-left .zm-lineby{width:670px; height:31px; background:url(../images/zmlineby.jpg) repeat-x;}
#zm-container-left .zm-wincase{width:670px; height:auto; overflow:hidden;}
#zm-container-left .zm-wincase .zm-wincase-title{width:670px; height:31px; padding-top:6px;}
#zm-container-left .zm-wincase .zm-wincase-title span{ font-size:14px; font-weight:bold; color:#b01f26; line-height:31px;}
#zm-container-left .zm-wincase .zm-wincase-title span.more{float:right;}
#zm-container-left .zm-wincase .zm-wincase-title span.more a,#zm-container-left .zm-wincase span.more a:visited{ font-size:12px; font-weight:normal; color:#666; text-decoration:none;}
#zm-container-left .zm-wincase .zm-wincase-title span.more a:hover{ text-decoration:underline;}
#zm-container-left .zm-wincase ul{margin:0; padding:0; list-style:none;}
#zm-container-left .zm-wincase ul li{ width:146px; height:65px; padding-left:50px; background:url(../images/zmwincaseimg.jpg) no-repeat; float:left; margin-right:26px;}
#zm-container-left .zm-wincase ul li h3 a{font-size:13px;}
#zm-container-left .zm-wincase ul li p{line-height:1.6;}
/*左部内容结束，右部内容开始*/
#zm-container-right{float:right; width:250px; height:auto;}
#zm-container-right .box{ width:234px; height:auto; background:#e7ebec; line-height:1.4; padding:8px;}
#zm-container-right .box span.red{ padding-left:6px;font-size:36px; font-weight:bold; color:#b01e28;}
#zm-container-right .box span.reg{ font-size:14px; font-weight:bold;width:120px; height:26px; color:#900; background:#b3b4b6; display:block; text-align:center; line-height:26px; margin-left:60px;}
#zm-container-right .box span.download{ text-align:center;width:100px; height:26px; padding-top:4px;display:block;margin-left:auto; margin-right:auto; line-height:26px;}
#zm-container-right .boxsecond{ width:218px; height:auto; background:#e7ebec; line-height:1.6; padding:8px 16px; margin-top:2px;}
#zm-container-right .boxsecond h3{ color:#c47e5a; font-size:14px;}
#zm-container-right .boxsecond .boxsecond-qa-title{width:218px; height:24px;}
#zm-container-right .boxsecond .boxsecond-qa-title span{font-size:14px; font-weight:bold; color:#c47e5a;}
#zm-container-right .boxsecond .boxsecond-qa-title span.more{float:right;}
#zm-container-right .boxsecond .boxsecond-qa-title span.more a,#zm-container-right .boxsecond .boxsecond-qa-title span.more a:visited{font-size:12px; color:#333; font-weight:normal; text-decoration:none;}
#zm-container-right .boxsecond .boxsecond-qa-title span.more a:hover{text-decoration:underline;}
#zm-container-right .boxsecond ul{margin:0; padding:0; list-style:none;}
#zm-container-right .boxsecond ul li{ width:218px; height:22px;}
#zm-container-right .boxsecond ul li a,#zm-container-right .boxsecond ul li a:visited{ font-size:12px; color:#666;}
#zm-container-right .boxsecond ul li a:hover{color:#333; text-decoration:underline;}
/*-------------------------------------------招募页面结束-------------------------------------------*/
/*-------------------------------------------登录框开始-------------------------------------------*/
#login-container{width:960px; height:410px; background:url(../images/loginbanner.jpg) no-repeat; position:relative;}
#login-container .loginbox{ width:345px; height:206px; background:#333; position:absolute; left:355px; top:120px; filter:alpha(opacity=70);/*IE*/opacity:0.7;/*Mozilla*/ z-index:1;}
#login-container .loginform{width:285px; height:166px; position:absolute;left:355px; top:120px; padding:20px 30px; z-index:999; }/*叠加在透明层上的层*/
#login-container .loginform form{margin:0; padding:0;}
#login-container .loginform h2{ font-size:24px; color:#b11e26; font-weight:bold; padding-bottom:15px;}
#login-container .loginform ul{ margin:0; padding:0; list-style-type:none;}
#login-container .loginform ul li{ width:285px; height:35px;}
#login-container .loginform ul li span{ display:block; width:57px; height:30px; line-height:30px; text-align:left; font-size:14px; font-weight:bold;color:#fff; padding-left:3px; float:left;}
#login-container .loginform ul li.sub{text-align:right;}
#login-container .loginform ul li.sub span{display:inline-block; width:80px; height:30px; color:#fff; float:right;}
#login-container .loginform ul li.sub a,#login-container .loginform ul li.sub a:visited{font-size:12px; font-weight:normal; color:#fff;}
#login-container .loginform ul li.sub a:hover{text-decoration:underline;}
#login-container .loginform input.textinput{ width:213px; height:24px; line-height:24px; font-size:14px; color:#fff; background:#333; border:none; float:left; display:inline;filter:alpha(opacity=70);/*IE*/opacity:0.7;/*Mozilla*/ }
#login-container .loginform input.submit{ background:url(../images/loginsubmit.jpg) no-repeat; width:72px; height:20px; cursor:pointer; border:none;}
/*----------------------------------------资讯页面3D标签-------------------------------------------*/
#tagcloud {position:relative; width:234px; height:234px; margin: 20px auto 0; }
#tagcloud a{position:absolute; top:0px; left:0px; font-family:宋体,color:#fff; 
font-weight:bold; text-decoration:none; padding: 3px 6px; }
#tagcloud a:hover {border: 1px solid #000; background:#ededed;  }
#tagcloud .blue {color:#06F;}
#tagcloud .red { color:#900;}
#tagcloud .yellow {color:#333;}
/*-------------------------------------分页样式---------------------------------------------------*/
#fenye{
	clear:both;
	width:500px;
	height:60px;
	margin-top:20px;
}
ul.pager
{
	margin: 0;
	padding: 0;
	float:right;
	text-align: right;
}

ul.pager li
{
	margin: 0 0 0 4px;
	padding: 0;
	height: 1%;
	float: left;
	list-style: none;
	background: #ebebeb url("../images/pager.png") repeat-x;
	border-top: 1px solid #dedede;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	color: #4A4A4A;
	font-weight: bold;
}

ul.pager li.separator
{
	padding: 6px;   
}

ul.pager li.current
{
	padding: 6px;   
	background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
	color: #515151;
}

ul.pager li.disabled
{
	padding: 6px;
	color: #B4B4B4;
}

ul.pager li a 
{
	margin: 0;
	padding: 6px;
	height: 1%;
	display: block;
	float: left;
	color: #515151;
	text-decoration: none;
}

ul.pager li a:hover, 
ul.pager li a:active 
{
	margin: -1px;
	background: #b4b4b4 url("../images/pager_selected.png") repeat-x;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #b1b1b1;
	border-bottom: 1px solid #afafaf;
}
